

<template>
  <div>
    <input-Affix :inputValue="inputV" :affixValue="affixValue">
    </input-Affix>
    <iipPopover :data = "data" :popoverValue="popoverValue" @close="onClose">
            <button @click="popoverValue = true">123</button>
    </iipPopover>
    <inputAppPop :inputValue="inputV" :suffixValue="aa" @appendClick="appendClick()"/>
  </div>
</template>
<script setup>
  import { ref } from 'vue'


  let inputV = ref('123')
let aa = ref('USB');

const popoverValue = ref(false);
const appendClick = (val)=>{
    console.log('appendClick')
}
const data = {
    configData:{
        allList:"全部",
        missList:"漏填",
        wrongList:"错填"
    },
    allList:[{
        title:'第一行',
        content:12
    },{
        title:'第二行',
        content:13
    }],
    missList:[{
        title:'第ww行',
        content:12
    },{
        title:'第二行',
        content:13
    }],
    
}
const affixValue = ref([{
    text:"@163.com",
    value:2
},{
    text:"@qq.com",
    value:4
}])
const onClose = ()=>{
    popoverValue.value = false;
}
</script>
<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
